<template>
    <div class="wrapper">
        <div class="mapinfo">
            <div class="map-flexbox">
                <div class="map-flexbox-item">
                    <router-link to='/' tag="div">
                        <span>4.9</span>
                        <span>分</span>
                        <span>很棒</span>
                    </router-link>
                    <div class="map-flex-item-desc">
                        <span>18548条评论</span>
                        <span>5条攻略</span>
                        <span>></span>
                    </div>
                </div>
                <div class="map-flexbox-item">
                    <router-link to='/' tag="div">
                        <span>4.9</span>
                        <span>分</span>
                        <span>很棒</span>
                    </router-link>
                    <div class="map-flex-item-desc">
                        <span>18548条评论</span>
                        <span>5条攻略</span>
                        <span>></span>
                    </div>
                </div>
            </div>
            <div class="map-address">
                <p>
                    陕西省西安市临潼区华清路38号华清池
                </p>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'DetailMapinfo'
    }
</script>

<style scoped lang='stylus'>
    @import '../../../assets/styles/mixins.styl'
    .mapinfo
        position relative
        top -.1rem
        padding: .1rem .2rem 0 .2rem
        margin-bottom .1rem
        background #fff
        border-radius: .1rem .1rem 0
        .map-flexbox
            flex-card()
            display flex
            width 100%
            .map-flexbox-item
                flex 1
            .map-flex-item-desc
                font-size .24rem
                color: #9e9e9e
                line-height: .32rem
                margin-right: .2rem
        .map-address
            padding .2rem 0

</style>